<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="assets/laydate/skins/default/laydate.css"/>
    <link href="assets/css/bootstrap.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="assets/css/ace.min.css"/>
    <link rel="stylesheet" href="assets/css/font-awesome.min.css"/>
    <!--[if IE 7]>
    <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css"/>
    <![endif]-->
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="assets/css/ace-ie.min.css"/>
    <![endif]-->
    <script src="assets/js/jquery.min.js"></script>

    <!-- <![endif]-->

    <!--[if IE]>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <![endif]-->

    <!--[if !IE]> -->

    <script type="text/javascript">
        window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>" + "<" + "/script>");
    </script>

    <!-- <![endif]-->

    <!--[if IE]>
    <script type="text/javascript">
        window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>" + "<" + "/script>");
    </script>
    <![endif]-->

    <script type="text/javascript">
        if ("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
    </script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/typeahead-bs2.min.js"></script>
    <!-- page specific plugin scripts -->
    <script src="assets/js/jquery.dataTables.min.js"></script>
    <script src="assets/js/jquery.dataTables.bootstrap.js"></script>
    <script src="assets/layer/layer.js" type="text/javascript"></script>
    <script src="assets/laydate/laydate.js" type="text/javascript"></script>
    <style>
        .xc_cont {
            margin: 10px auto 10px auto;
            font-size: 14px;
            color: #5c5c5c;
            line-height: 25px;
        }

        .pro_title {
            font-size: 18px;
            color: #fff;
            padding: 10px 10px;
            background: #f13a3a;
            margin: 10px 0 15px 0;
            text-indent: 10px;
        }

        .pro_title a {
            float: right;
            font-size: 12px;
            color: #fefefe;
            padding-left: 20px;
            text-transform: uppercase;
        }

        .products {
            overflow: hidden;
            margin-top: -14px;
            margin: 0 auto;
            padding: 0 50px;
        }

        .products li:hover {
            border: 1px solid #666666;
        }

        .products li {
            width: 49%;
            height: 164px;
            border: 1px solid #dbdbdb;
            float: left;
            overflow: hidden;
            margin: 0 4px;
            margin-top: 14px;
        }

        .products li a {
            display: block;
            width: 100%;
            height: inherit;
        }

        .products .img {
            width: 50%;
            float: left;
            text-align: center;
        }

        .products .intro {
            width: 45%;
            float: right;
            margin-right: 20px;
            overflow: hidden;
        }

        .products .intro h1 {
            font-size: 18px;
            color: #e9450a;
            line-height: 30px;
            margin-top: 20px;
        }

        .products .intro span {
            font-size: 14px;
            color: #8f8f8f;
            line-height: 22px;
        }

        .search_style {
            padding-left: 1px;
        }

        .pro_main {
            width: 90% !important;
            position: relative;
            margin: 0 auto;
            margin-top: 50px;
        }

        .mF_games_tb_wrap {
            float: left;
        }

        #profocus {
            width: 350px;
            height: 220px !important;
            padding-right: 2px;
            margin-bottom: 30px;
            position: relative;
        }

        .mF_games_tb .pic {
            position: absolute;
            top: 0;
            left: 0;
            border: 1px solid #d8d8d8;
            width: 100%;
            height: 100%;
        }

        .mF_games_tb .pic li {
            position: absolute;
            width: 100%;
            height: 100%;
            overflow: hidden;
            display: none;
            text-align: center;
        }

        .mF_games_tb .thumb {
            position: absolute;
            bottom: 0px;
            left: 0px;
            overflow: hidden;
            margin-left: 400px;
        }

        .mF_games_tb .thumb ul {
            position: absolute;
            top: 0;
            left: 0;
        }

        .mF_games_tb .thumb ul li {
            position: relative;
            float: left;
            overflow: hidden;
            cursor: pointer;
        }

        .mF_games_tb .prev, .mF_games_tb .next {
            font: bold 28px/28px arial;
            width: 16px;
            overflow: hidden;
            position: absolute;
            z-index: 4;
            left: 0;
            bottom: 30px;
            cursor: pointer;
            margin-left: 390px;
        }

        .mF_games_tb .prev a, .mF_games_tb .next a {
            display: block;
            color: #bbb;
            text-align: center;
            text-decoration: none;
        }

        .mF_games_tb .next {
            left: auto;
            right: 0;
            margin-right: -400px;
        }

        .img_1_25 {
            position: absolute;
            right: 50px;
            top: 20px;
            width: 120px;
            height: 120px;
        }

        .biaoti {
            position: absolute;
            z-index: 999;
            left: 390px;
            top: 0px;
        }

        .biaoti h1 {
            font-size: 18px;
            color: #e9450a;
            line-height: 30px;
            margin-top: 20px;
        }

        .biaoti span {
            font-size: 14px;
            color: #8f8f8f;
            line-height: 24px;
        }

        .pro_main .back_f {
            width: 100%;
            text-align: center;
        }

        .pro_main .back {
            cursor: pointer;
        }

        .pro_main .back:hover {
            text-decoration: underline;
        }
    </style>

    <title>仓库产品展示</title>
</head>
<body>
<div class="page-content product_show clearfix" style="display: block">
    <div class="search_style laydate_body">
        <ul class="search_content clearfix">
            <li><label class="l_f">产品名称</label><input name="" type="text" class="text_add" placeholder="输入产品名称查询"
                                                      style=" width:200px"></li>
            <li><label class="l_f">创建时间</label><input class="inline laydate-icon" id="start" style=" margin-left:10px;">
            </li>
            <li style="width:90px;">
                <button type="button" class="btn_search"><i class="icon-search"></i>查询</button>
            </li>
        </ul>
        <script>
            laydate({
                elem: '#start',
                event: 'focus'
            });
        </script>
    </div>
    <div class="xc_pro">
        <div class="xc_cont">
            <h1 class="pro_title">旭派电动助力车铅酸蓄电池(DZM系列电动车电池)</h1>
            <ul class="products">
                <li><a href="javascript:void(0)" class="product_url" name="e_product_show_001" title="产品库展示">
                    <div class="img"><img src="./images/6-DZM-24.png"
                                          data-original="./images/6-DZM-24.png" width="220" height="138"
                                          style="display: inline;"></div>
                    <div class="intro"><h1>6-DZM-24</h1><span>6-DZM-24电动车电池|电瓶车电池|电动车电瓶<br>应用范围：...</span></div>
                </a></li>
                <li><a href="javascript:void(0)" class="product_url" name="e_product_show_001" title="产品库展示">
                    <div class="img"><img src="./images/6-DZM-24.png"
                                          data-original="./images/6-DZM-24.png" width="220" height="138"
                                          style="display: inline;"></div>
                    <div class="intro"><h1>6-DZM-24</h1><span>6-DZM-24电动车电池|电瓶车电池|电动车电瓶<br>应用范围：...</span></div>
                </a></li>
                <li><a href="javascript:void(0)" class="product_url" name="e_product_show_001" title="产品库展示">
                    <div class="img"><img src="./images/6-DZM-24.png"
                                          data-original="./images/6-DZM-24.png" width="220" height="138"
                                          style="display: inline;"></div>
                    <div class="intro"><h1>6-DZM-24</h1><span>6-DZM-24电动车电池|电瓶车电池|电动车电瓶<br>应用范围：...</span></div>
                </a></li>
                <li><a href="javascript:void(0)" class="product_url" name="e_product_show_001" title="产品库展示">
                    <div class="img"><img src="./images/6-DZM-24.png"
                                          data-original="./images/6-DZM-24.png" width="220" height="138"
                                          style="display: inline;"></div>
                    <div class="intro"><h1>6-DZM-24</h1><span>6-DZM-24电动车电池|电瓶车电池|电动车电瓶<br>应用范围：...</span></div>
                </a></li>
                <li><a href="javascript:void(0)" class="product_url" name="e_product_show_001" title="产品库展示">
                    <div class="img"><img src="./images/6-DZM-24.png"
                                          data-original="./images/6-DZM-24.png" width="220" height="138"
                                          style="display: inline;"></div>
                    <div class="intro"><h1>6-DZM-24</h1><span>6-DZM-24电动车电池|电瓶车电池|电动车电瓶<br>应用范围：...</span></div>
                </a></li>
                <li><a href="javascript:void(0)" class="product_url" name="e_product_show_001" title="产品库展示">
                    <div class="img"><img src="./images/6-DZM-24.png"
                                          data-original="./images/6-DZM-24.png" width="220" height="138"
                                          style="display: inline;"></div>
                    <div class="intro"><h1>6-DZM-24</h1><span>6-DZM-24电动车电池|电瓶车电池|电动车电瓶<br>应用范围：...</span></div>
                </a></li>
                <li><a href="javascript:void(0)" class="product_url" name="e_product_show_001" title="产品库展示">
                    <div class="img"><img src="./images/6-DZM-24.png"
                                          data-original="./images/6-DZM-24.png" width="220" height="138"
                                          style="display: inline;"></div>
                    <div class="intro"><h1>6-DZM-24</h1><span>6-DZM-24电动车电池|电瓶车电池|电动车电瓶<br>应用范围：...</span></div>
                </a></li>
                <li><a href="javascript:void(0)" class="product_url" name="e_product_show_001" title="产品库展示">
                    <div class="img"><img src="./images/6-DZM-24.png"
                                          data-original="./images/6-DZM-24.png" width="220" height="138"
                                          style="display: inline;"></div>
                    <div class="intro"><h1>6-DZM-24</h1><span>6-DZM-24电动车电池|电瓶车电池|电动车电瓶<br>应用范围：...</span></div>
                </a></li>
                <li><a href="javascript:void(0)" class="product_url" name="e_product_show_001" title="产品库展示">
                    <div class="img"><img src="./images/6-DZM-24.png"
                                          data-original="./images/6-DZM-24.png" width="220" height="138"
                                          style="display: inline;"></div>
                    <div class="intro"><h1>6-DZM-24</h1><span>6-DZM-24电动车电池|电瓶车电池|电动车电瓶<br>应用范围：...</span></div>
                </a></li>
                <li><a href="javascript:void(0)" class="product_url" name="e_product_show_001" title="产品库展示">
                    <div class="img"><img src="./images/6-DZM-24.png"
                                          data-original="./images/6-DZM-24.png" width="220" height="138"
                                          style="display: inline;"></div>
                    <div class="intro"><h1>6-DZM-24</h1><span>6-DZM-24电动车电池|电瓶车电池|电动车电瓶<br>应用范围：...</span></div>
                </a></li>
                <li><a href="javascript:void(0)" class="product_url" name="e_product_show_001" title="产品库展示">
                    <div class="img"><img src="./images/6-DZM-24.png"
                                          data-original="./images/6-DZM-24.png" width="220" height="138"
                                          style="display: inline;"></div>
                    <div class="intro"><h1>6-DZM-24</h1><span>6-DZM-24电动车电池|电瓶车电池|电动车电瓶<br>应用范围：...</span></div>
                </a></li>
                <li><a href="javascript:void(0)" class="product_url" name="e_product_show_001" title="产品库展示">
                    <div class="img"><img src="./images/6-DZM-24.png"
                                          data-original="./images/6-DZM-24.png" width="220" height="138"
                                          style="display: inline;"></div>
                    <div class="intro"><h1>6-DZM-24</h1><span>6-DZM-24电动车电池|电瓶车电池|电动车电瓶<br>应用范围：...</span></div>
                </a></li>
                <li><a href="javascript:void(0)" class="product_url" name="e_product_show_001" title="产品库展示">
                    <div class="img"><img src="./images/6-DZM-24.png"
                                          data-original="./images/6-DZM-24.png" width="220" height="138"
                                          style="display: inline;"></div>
                    <div class="intro"><h1>6-DZM-24</h1><span>6-DZM-24电动车电池|电瓶车电池|电动车电瓶<br>应用范围：...</span></div>
                </a></li>
                <li><a href="javascript:void(0)" class="product_url" name="e_product_show_001" title="产品库展示">
                    <div class="img"><img src="./images/6-DZM-24.png"
                                          data-original="./images/6-DZM-24.png" width="220" height="138"
                                          style="display: inline;"></div>
                    <div class="intro"><h1>6-DZM-24</h1><span>6-DZM-24电动车电池|电瓶车电池|电动车电瓶<br>应用范围：...</span></div>
                </a></li>
                <li><a href="javascript:void(0)" class="product_url" name="e_product_show_001" title="产品库展示">
                    <div class="img"><img src="./images/6-DZM-24.png"
                                          data-original="./images/6-DZM-24.png" width="220" height="138"
                                          style="display: inline;"></div>
                    <div class="intro"><h1>6-DZM-24</h1><span>6-DZM-24电动车电池|电瓶车电池|电动车电瓶<br>应用范围：...</span></div>
                </a></li>
                <li><a href="javascript:void(0)" class="product_url" name="e_product_show_001" title="产品库展示">
                    <div class="img"><img src="./images/6-DZM-24.png"
                                          data-original="./images/6-DZM-24.png" width="220" height="138"
                                          style="display: inline;"></div>
                    <div class="intro"><h1>6-DZM-24</h1><span>6-DZM-24电动车电池|电瓶车电池|电动车电瓶<br>应用范围：...</span></div>
                </a></li>
            </ul>
        </div>
    </div>
</div>
<div class="page-content product_show_one e_product_show_001 clearfix" style="display: none">
    <div class="pro_main">

        <div class="clearfix" style="position: relative;">
            <div class="mF_games_tb_wrap">
                <div id="profocus" class=" mF_games_tb mF_games_tb_profocus" style="height: 306px;">
                    <div class="pic">
                        <ul>
                            <li style="display: block; opacity: 1;"><a href="javascript:;"><img
                                    src="images/8-DZM-25.png"
                                    data-original="images/8-DZM-25.png" thumb="" alt=""
                                    text="" height="220" style="display: inline;"></a></li>
                        </ul>
                    </div>
                    <div class="txt">
                        <ul>
                            <li style="bottom: 86px; display: block;"><a href="javascript:;"></a>

                                <p></p><b></b></li>
                        </ul>
                    </div>
                    <div class="thumb" style="width: 318px; height: 86px; left: 16px;">
                        <ul style="width: 80px; left: 0px;">
                            <li class="current" style="width: 80px;"><a><img src="images/detailnoimg.png"
                                                                             style="height: 60px;"></a><b></b></li>
                        </ul>
                    </div>
                    <div class="prev"><a href="javascript:;">‹</a></div>
                    <div class="next"><a href="javascript:;">›</a></div>
                </div>
            </div>
            <div class="biaoti"><h1>6-DZM-24</h1><span>6-DZM-24电动车电池|电瓶车电池|电动车电瓶</span></div>
            <div class="img_1_25">
                <img src="images/detailnoimg.png" data-original="images/detailnoimg.png" width="120" height="120">
            </div>
        </div>
        <div class="back_f" style="text-align: center;"><span class="back btn btn-default">返回</span></div>
        <!--<div class="clearfix"-->
        <!--style="background:url(/attached/image/20160219/20160219164131_36089.jpg) center;text-align:center">-->
        <!--<img-->
        <!--src="/attached/image/20160408/20160408212816_74080.png" alt=""></div>-->
    </div>
</div>
<script type="text/javascript">
    $(document).on('click', '.product_url', function () {
        var cid = $(this).attr("name");
        $(".product_show").hide();
        $("." + cid).show();
        $("body,html").animate({scrollTop: 0}, 0);
    });
    $(document).on('click', '.back', function () {
        $(this).parent().parent().hide();
        $(".product_show").show();
        $("body,html").animate({scrollTop: 0}, 0);
    });
</script>
</body>
</html>
